<script setup lang="ts">
import { ref, onMounted, onBeforeUnmount } from "vue";
import CapsuleChart from "@/components/datav/capsule-chart";
import { currentGET } from "@/api";

const props = defineProps({
    config: {
        type: Object,
        default: ''
    },
    data: {
        type: Array,
        default: 0
    },
  })
// const config = ref({
//   showValue: true,
//   unit: "次",
// });
// const data= ref([])
// const getData = () => {
//   currentGET("bar").then((res) => {
//     console.log("报警排名", res);
//     if (res.success) {
//       data.value =res.data;
//     } else {
//       window["$message"]({
//         text: res.msg,
//         type: "warning",
//       });
//     }
//   });
// };
// getData();
</script>

<template>
  <div class="bar_box">
    <CapsuleChart :config="props.config" style="width: 100%; height: 260px" :data="props.data"/>
  </div>
</template>

<style scoped lang="less">

.bar_box {
  width: 100%;
  box-sizing: border-box;
  padding: 0 16px;
}
</style>
